<template>
  <view v-if="ruleForm.financePaymentVos && ruleForm.financePaymentVos.length === 0">
    <no-data/>
  </view>
  <view v-else>
    <view v-for="(item,index) in ruleForm.financePaymentVos" :key="index">
      <view class="normal-login-container">
        <view class="item-wrap">

          <view class="item-view">
            <text>收款人</text>
            <text>{{ item.applyUserName || '-' }}</text>
          </view>

          <view class="item-view">
            <text>收款人类型</text>
            <text>{{ handleLabel(dict.type.payee_type, item.payeeTypeStr)  || '-' }}</text>
          </view>

          <view class="item-view">
            <text>收款账户</text>
            <text>{{ item.payeeBank || '-' }}</text>
          </view>

          <view class="item-view">
            <text>收款账号</text>
            <text>{{ item.payeeAccount || '-' }}</text>
          </view>

          <view class="item-view">
            <text>应付类型</text>
            <text>{{ handleLabel(dict.type.payment_type, item.paymentTypeStr) || '-' }}</text>
          </view>

          <view class="item-view">
            <text>应付状态</text>
            <text>{{ handleLabel(dict.type.payment_status, item.paymentStatusStr) || '-' }}</text>
          </view>

          <view class="item-view">
            <text>应付金额</text>
            <text>{{ item.paymentAmount || '-' }}</text>
          </view>

          <view class="item-view">
            <text>已付金额</text>
            <text>{{ item.prepaidAmount || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'paymentSchedule',//付款进度
  dicts:['payee_type','payment_type','payment_status'],
  props: {
    value: {
      type: Object,
      default: {},
    },
  },
  computed: {
    ruleForm: {
      get() {
        let that = this
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key)
          }
        })
        return proxy
      },
    },
    handleLabel() {
      return function (arr, type) {
        let name = "";
        arr.map((v) => {
          if (type == v.value) {
            name = v.label;
          }
        });
        return name;
      };
    },
  },
  data() {
    return {};
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang=""></style>


